<section class="customerdetails">
    <!-- 面包屑 -->
    <div class="html-bao">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/customer' }">
          <span class="ziyuan">客户资源</span>
        </el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/customerdetails' }">
          <b>山东道恩集团</b>
        </el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <!-- 客户详细信息卡片 -->
    <div class="msg-card">
        <el-card class="box-card">
          <div class="inner-box">
              <el-row>
                <el-col :span="8">
                  <div class="innerbox-left">
                    <dl class="smil-daoen">
                        <dt>
                          <img src="../../assets/customer/daoen_smil.png" alt="">
                        </dt>
                        <dd> <b>山东道恩集团有限公司</b> </dd>
                        <dd>www.kenni.com.cn</dd>
                    </dl>
                    <p>的方式打发手动阀手手动阀手动阀撒旦发发是打发十分撒打发士大夫动阀撒打发撒旦发射点撒旦发射点发士大夫撒旦水岸东方阿斯蒂芬</p>
                    <a>点击下载报价单</a>
                  </div>
                  </el-col>
                <el-col :span="8">
                    <div class="innerbox-center">
                        <ul>
                          <li class="modal">化工塑料，高分子材料，金融服务</li>
                          <li class="people">1000人以上</li>
                          <li class="address">山东省龙口经济开发区东</li>
                          <li class="www">www.kengni.com.com</li>
                        </ul>
                    </div>
                </el-col>
                <el-col :span="8">
                  <div class="innerbox-right">
                      <ul>
                        <li class="background-img">0314-231315</li>
                        <li class="clearfix"> <span>0314-201314</span>
                          <dl>
                            <dt>邢姗姗</dt>
                            <dd>~~~~~~~</dd>
                          </dl>
                        </li>
                      <li>
                        <span>0314-201314</span>
                        <dl>
                          <dt>邢姗姗</dt>
                          <dd>~~~~~~~</dd>
                        </dl>
                      </li>
                      </ul>
                  </div>
                </el-col>
              </el-row>
          </div>
        </el-card>
    </div>
    <!-- 菜单栏 -->
    <div class="menu-box">
        <el-row>
          <el-col :span="12">
            <span>关键字</span>
            <div class="box-input">
              <el-input placeholder="输入牌号关键字搜索" class="input-conent"></el-input>
              <button type="" class="mybtn"></button>
            </div>
          </el-col>
          <el-col :span="12">
              <div class="right-page">
                  <el-button-group class="btn-group">
                    <el-button  icon="el-icon-arrow-left"></el-button>
                    <el-button >
                      <i class="el-icon-arrow-right el-icon--right"></i>
                    </el-button>
                  </el-button-group>
                  <p><span>1</span>/40 </p>
              </div>
          </el-col>
        </el-row>
    </div>
    <!-- 包装列表 -->
    <div class="baozhuang-list clearfix">
        <!-- first -->
        <div class="list-box">
            <img src="../../assets/customer/pop.png" alt="" class="list-img">
            <h2>￥10050.00</h2>
            <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
            <h6> <span>100吨</span> 山东龙口</h6>
        </div>
        <div class="list-box">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
        <div class="list-box">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
        <div class="list-box">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
        <div class="list-box margin0">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
        <!-- first -->
        <div class="list-box">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
        <div class="list-box">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
        <div class="list-box">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
        <div class="list-box">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
        <div class="list-box margin0">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
        <!-- first -->
        <div class="list-box">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
        <div class="list-box">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
        <div class="list-box">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
        <div class="list-box">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
        <div class="list-box margin0">
          <img src="../../assets/customer/pop.png" alt="" class="list-img">
          <h2>￥10050.00</h2>
          <p>士大夫撒旦发生发打范是飞洒地方德萨发生发顺丰</p>
          <h6>
            <span>100吨</span> 山东龙口</h6>
        </div>
    </div>
    <!-- 分页 -->
    <div class="page-box">
        <el-pagination background   
          layout="prev, pager, next, jumper" :total="1000" class="mypage">
        </el-pagination>
    </div>
</section>

